<template>
  <div class="container">
    <div class="tabs">
      <van-tabs 
        v-model:active="tabActive" 
        swipe-threshold="4"
        @click-tab="onClickTab"
      >
        <van-tab title="每日养护">
          
        </van-tab>
        <van-tab title="月度养护">
          
        </van-tab>
        <van-tab title="季度养护">
          
        </van-tab>
        <van-tab title="年度养护">
          
        </van-tab>
      </van-tabs>
    </div>
  </div>
</template>

<script setup>
  import { ref, onMounted, nextTick } from 'vue';
  import { useRouter,useRoute } from "vue-router"; 
  const router = useRouter();
  const route = useRoute(); //route.query.id

  const tabActive = ref(0);
  const onClickTab = ({ title }) => {
    if(title == "每日养护"){
    
    }else if(title == "月度养护"){

    }else if(title == "季度养护"){

    }else if(title == "年度养护"){

    }
  };

  onMounted(() => {

  });
</script>

<style lang="scss" scoped>

</style>